<script setup>
	const { safeAreaInsets } = uni.getWindowInfo()   //uni.getSystemInfoSync()
</script>

<template>
	<view class="navbar" :style="{ paddingTop: safeAreaInsets.top + 'px' }">
		<view class="logo">
			<image class="logo-image" src="@/static/images/logo/logo.png"></image>
			<text class="logo-text">新鲜 - 亲民 - 快捷</text>
		</view>
	</view>
</template>

<style lang="scss" scoped>
.navbar{
	background-image: url(@/static/images/navigator_bg.png);
	background-size: cover;
	background-repeat:repeat;
	// height: auto;
	// max-width: 750rpx;
	// max-height: 128rpx;
	position: relative;
	display: flex;
	flex-direction: column;
	// padding-top: 20rpx;
	// border: 1rpx red solid;
	
	.logo {
			display: flex;
			align-items: center;
			height: 64rpx;
			padding-left: 30rpx;
			
			.logo-image {
			width: 166rpx;
			height: 39rpx;
		}
		.logo-text {
			// flex: 1;
			display: flex;
			flex-direction: row;
			justify-content:space-between;

			line-height: 28rpx;
			color: #fff;
			margin: 2rpx 0 0 20rpx;
			padding-left: 20rpx;
			border-left: 1rpx solid #fff;
			font-size: 26rpx;
		}
	}
}
</style>
